@themeColor: #1B819E;

page{
    background-color: #eee;
}

.todo {
    background-color: #fff;
    width: 90%;
    margin-top: 40rpx;
    margin-left: auto;
    margin-right: auto;

    .todo-row {
        display: flex;

        .todo-cell {
            text-align: center;
            flex-grow: 1;
            border: 1rpx solid #000;
        }
    }

    .header-row {
        background-color: #E5EFFF;
        color: @themeColor;
        font-weight: bold;
    }
}

// 授权弹窗

.modal-dialog {
    top: 0;
    left: 0;
    position: fixed;
    width: 650rpx;
    border-radius: 10rpx;
    text-align: center;
    width: 100vw;
    height: 100vh;
    .mask{
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
        width: 100vw;
        height: 100vh;
    }
    .modal-wrap{
        z-index: 1;
        width: 90%;
        position: absolute;
        top: 50%;
        left: 50%;  
        transform: translate(-50%,-50%);
        background-color: #fff;
        .modal-header {
            color:@themeColor;
            padding-top: 40rpx;
            padding-bottom: 25rpx;
            font-size: 40rpx;
        }
    
        .modal-content {
            color: grey;
            padding: 0 35rpx;
            padding-bottom: 20rpx;
            text-align: left;
            font-size: 35rpx;
        }
    
        .modal-buttons-wrap {
            border-top: 0.05rpx solid rgba(233, 233, 233, 0.5);
            display: flex;
            flex-flow: row nowrap;
    
            .modal-button {
                width: 50%;
                box-sizing: border-box;
                font-size: 40rpx;
                border-radius: 0;
                padding: 0;
                color: @themeColor;
                line-height: 2;
    
                &::after {
                    border: none;
                }
    
                &:first-child {
                    border-right: 0.025rpx solid rgba(233, 233, 233, 0.5);
                }
    
                &:last-child {
                    border-left: 0.025rpx solid rgba(233, 233, 233, 0.5);
                }
            }
        }
    }
  
}

page {
    position: relative;
    padding-top: 80rpx;
  }
 
  Tabs {
    z-index: 100;
    top: 0rpx;
    left: 0;
    position: fixed;
    width: 100vw;
  }
  .mask {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #000;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0.7;
  }
  .blur {
    filter: blur(5rpx);
  }
  .content_item {
    padding: 20rpx 40rpx;
  }
  .content_item navigator {
    border-radius: 15rpx;
    overflow: hidden;
    height: 250rpx;
    background-color: white;
    display: flex;
  }
  .content_item navigator .item_image {
    flex: 1;
  }
  .content_item navigator .item_image image {
    width: 100%;
  }
  .content_item navigator .item_text {
    margin-left: 20rpx;
    font-size: 25rpx;
    padding: 10rpx;
    flex: 1;
    color: #aaa;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-around;
  }
  .content_item navigator .item_text .text_title {
    line-height: 25rpx;
    color: black;
    font-size: 30rpx;
    margin-bottom: 10rpx;
  }
  .content_item navigator .item_text .text_row {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .content_item navigator .item_text .text_row .row_left {
    flex: 2;
  }
  .content_item navigator .item_text .text_row .row_left .left_text {
    color: var(--themeColor);
  }
  .content_item navigator .item_text .text_row .row_right {
    flex: 2;
    font-size: 36rpx;
    color: #cc0000;
    font-weight: 600;
  }
  .img_empty_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .img_empty_wrap image {
    width: 100%;
    height: 100%;
    z-index: 20;
    border-radius: 10rpx;
  }
  .img_empty_wrap .img_empty {
    z-index: 10;
    width: 100%;
    height: 100%;
    color: #aaa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0.8;
    position: absolute;
    top: 0;
  }
  page {
    height: 100%;
    position: relative;
  }
  .sale {
    height: 100%;
    padding: 40rpx;
    color: #666;
    margin: auto auto;
    background-color: #fff;
  }
  .sale .sale_item {
    margin-bottom: 30rpx;
  }
  .sale .sale_item .sale_title {
    color: #666;
    font-weight: 600;
    margin: 10rpx 0;
  }
  .sale .sale_item .sale_btn {
    margin: 10rpx 0;
  }
  .sale .sale_item .area_item_wrap {
    margin-top: 20rpx;
    display: flex;
    flex-wrap: wrap;
  }
  .sale .sale_item .area_item_wrap .area_item {
    text-align: center;
    font-size: 28rpx;
    margin-right: 20rpx;
    margin-bottom: 30rpx;
    width: 30%;
    padding: 20rpx 6rpx;
    color: black;
    background-color: #ddd;
  }
  .sale .sale_item .area_item_wrap .active {
    color: white;
    background-color: var(--themeColor);
    font-weight: 600;
  }
  .sale .sale_item input {
    border: 1rpx solid #ddd;
    padding: 5rpx 0;
    padding-right: 50rpx;
    padding-left: 20rpx;
    border-radius: 5rpx;
    font-size: 28rpx;
  }
  .sale .sale_price .sale_btn {
    display: flex;
    align-items: center;
  }
  .sale .sale_price .sale_btn .input_btn {
    display: flex;
    align-items: center;
  }
  .sale .sale_price .sale_btn .input_btn .btn_input {
    width: 220rpx;
  }
  .sale .sale_price .sale_btn .input_btn .input_current {
    margin-left: -50rpx;
  }
  .sale .sale_price .sale_btn .to {
    margin: 0 30rpx;
  }
  .sale .sale_detail_position input {
    border: 1rpx solid #ccc;
  }
  .sale .sale_submit {
    margin-top: 20rpx;
  }
  .btn_wrap {
    padding: 20rpx 20rpx;
    border-bottom: 1rpx solid #eee;
    font-size: 30rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .btn_wrap .btn_txt {
    color: black;
  }
  .btn_wrap .iconfont {
    font-size: 80rpx;
    color: #ccc;
  }
  .btn_wrap .btn_choose .icon-huadonganniuyes {
    color: var(--themeColor);
  }
  .empty {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .empty .icon-kong {
    font-size: 200rpx;
  }
  .empty .empty_tips {
    font-size: 35rpx;
    font-weight: 600;
  }
  .empty .empty_text {
    color: #aaa;
  }
  .noMore {
    margin: 30rpx auto;
    color: #aaa;
    text-align: center;
  }
  .choose_wrap {
    padding: 0 40rpx;
    padding-bottom: 40rpx;
    border-bottom: 1rpx solid #ddd;
    z-index: 120;
    background-color: #fff;
  }
  .choose_wrap .choose_title {
    padding: 20rpx 0;
  }
  .choose_wrap .sale_price {
    z-index: 100;
  }
  .choose_wrap .sale_price .sale_btn {
    margin-top: 20rpx;
    display: flex;
    align-items: center;
  }
  .choose_wrap .sale_price .sale_btn .input_btn {
    display: flex;
    align-items: center;
  }
  .choose_wrap .sale_price .sale_btn .input_btn .btn_input {
    width: 220rpx;
    border: 1rpx solid #ddd;
    border-radius: 5rpx;
    padding-left: 10rpx;
  }
  .choose_wrap .sale_price .sale_btn .input_btn .input_current {
    margin-left: -50rpx;
  }
  .choose_wrap .sale_price .sale_btn .to {
    margin: 0 30rpx;
  }
  .choose_wrap .submit_wrap {
    margin-right: 40rpx;
    margin-top: 20rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .choose_wrap .submit_wrap .choose_submit {
    width: 520rpx;
    height: 50rpx;
    background-color: var(--themeColor);
    color: white;
    border-radius: 5rpx;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .choose_wrap .submit_wrap .submit_Reset {
    width: 220rpx;
    height: 70rpx;
    color: #888;
    border-radius: 5rpx;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .choose_wrap .submit_wrap .submit_Reset .iconfont {
    margin-right: 10rpx;
  }
  .card_swiper swiper-item {
    height: 350rpx;
  }
  .choose_item_wrap .choose_item {
    padding: 15rpx 5rpx;
    font-size: 30rpx;
    border-radius: 5rpx;
  }
  .choose_item_wrap .active {
    background-color: var(--themeColor);
    color: #fff;
  }
  